<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>折线图</title>
  <script type="text/javascript" src="js/echarts.js" ></script>
 </head>
 <body>
  <div id="sales" style="width: 600px;height: 400px;"></div>
  <script>
   myCharts=echarts.init(document.getElementById("sales"));
   var option={
    title:{
     text:'一周销量变化曲线',
     subtext:'2022年第20周',
     left:'center'
    },
    xAxis:{
     type:'category',
     data:['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis:{
     type:'value',
    },
    legend:{
     data:['鼠标销量','水杯销量'],
     left:'right'
    },
    series:[
      {
       name:'鼠标销量',
       data:[200,300,400,500,800,400,300],
       type:'line' ,    //line表示折线
       //smooth:true ,表示曲线
      },
       {
       name:'水杯销量',
       data:[500,600,600,550,600,400,550],
       type:'line' ,    //line表示折线
       //smooth:true ,表示曲线
      }
    ]
   };
   myCharts.setOption(option);
  </script>
 </body>
</html>